@if (count($transporters))
@foreach ($transporters as $transporter)
@if (count($transporter->vehicle))
<div class="col-lg-4 col-md-6 col-sm-12 col-12">
<div class="car-wrap">
<div class="position-relative">
<div class="car-wrap-image-1">
@php
$mediaItems = $transporter->vehicle[0]->getMedia('vehicle_image');
@endphp
@if ($mediaItems->isNotEmpty())
<img src="{{ $mediaItems[0]->getUrl() }}" alt="Vehicle Image">
@else
<img src="{{ asset('assets/front/website/img/car-drive-2.jpeg') }}" alt="Default Image">
@endif
</div>
{{-- <a href="#" class="openReportModal userInfo_img" data-bs-toggle="modal"
data-bs-target="#userReport">
<img src="{{ asset('assets\front\website\img\userinfo.png') }}" alt="Reported User"
width="30" style="cursor: pointer,margin-top:300px">
</a> --}}
</div>
<div class="car-types">
<div class="car-models">
<div class="arrow-icon-1">
<i class="fas fa-angle-up"></i>
</div>
<div class="arrow-icon">
<i class="fas fa-angle-down"></i>
</div>
<form action="">
@php
$hasCheckedVehicle = false;
@endphp
@foreach ($transporter->vehicle as $vehicle)
@php
$matchesModel = isset($model_id) && $vehicle->model_id == $model_id;
$matchesBrand =
request()->filled('brand') && $vehicle->make_id == request('brand');
$matchesSeating =
request()->filled('seating_capacity') &&
$vehicle->seating_capacity == request('seating_capacity');
$matchesType =
request()->filled('vehicle_type_id') &&
$vehicle->vehicle_type_id == request('vehicle_type_id');
$shouldInclude = true;
if (request()->filled('brand') && $vehicle->make_id != request('brand')) {
$shouldInclude = false;
}
if (isset($model_id) && $vehicle->model_id != $model_id) {
$shouldInclude = false;
}
if (
request()->filled('seating_capacity') &&
$vehicle->seating_capacity != request('seating_capacity')
) {
$shouldInclude = false;
}
if (
request()->filled('vehicle_type_id') &&
$vehicle->vehicle_type_id != request('vehicle_type_id')
) {
$shouldInclude = false;
}
// Check if this one should be selected
$shouldBeChecked = false;
if (!$hasCheckedVehicle && $shouldInclude) {
$shouldBeChecked = true;
$hasCheckedVehicle = true;
}
@endphp
@if ($shouldInclude)
<div class="form-check">
<input type="radio" class="form-check-input car-model-radio"
id="radio{{ $vehicle->id }}" name="optradio"
value="{{ $vehicle->id }}"
data-make="{{ optional($vehicle->get_make)->name }}"
data-model="{{ optional($vehicle->get_model)->name }}"
data-vehicle_type_id="{{ optional($vehicle->Vehicle_type)->id }}"
data-fuel_type="{{ $vehicle->fuel_type }}"
data-transmission_type="{{ $vehicle->transmission_type }}"
data-seating_capacity="{{ $vehicle->seating_capacity }}"
data-service_type="{{ $vehicle->service_type }}"
data-viewcontactdetails="{{ $vehicle->id }}"
data-modal="{{ $vehicle->id }}" data-vehicle_id="{{ $vehicle->id }}"
data-transporter_id="{{ $transporter->id }}" {{-- data-city="{{ $vehicle->city->name ?? '' }}" --}}
{{ isset($model_id) ? ($vehicle->model_id == $model_id ? 'checked' : '') : ($loop->first ? 'checked' : '') }}
data-modal="{{ $vehicle->id }}"
data-vehicle_id="{{ $vehicle->id }}"
data-transporter_id="{{ $transporter->id }}"
{{ $shouldBeChecked ? 'checked' : '' }}>
<label class="form-check-label" for="radio{{ $vehicle->id }}">
{{ optional($vehicle->get_model)->name }}
</label>
</div>
@endif
@endforeach
</form>
</div>
<div class="car-details">
<span class="admin_name text-dark">
@php
$transporter_image = $transporter->getMedia('transporter_image');
@endphp
@if ($transporter_image->isNotEmpty())
<img src="{{ $transporter_image[0]->getUrl() }}" alt="Vehicle Image">
@else
<img src="{{ asset('assets/front/website/img/user-user.png') }}" alt="Default Image">
@endif
{{ ucfirst(optional($transporter)->business_name) }}
</span>
@if (count($transporter->vehicle) && $hasCheckedVehicle)
<div class="car-details-item" id="car-details-container-13" data-model-id="8">
{{-- <span class="admin_name text-dark">
{{ ucfirst(optional($transporter)->business_name) }}
</span> --}}
<div class="car-details-heading">
<h5>
{{ $vehicle->get_make ? $vehicle->get_make->name : '' }}
{{-- {{ $vehicle->get_model ? $vehicle->get_model->name : '' }} --}}
</h5>
</h5>
<p class="details-sub-heading">
{{ $vehicle->vehicle_type ? $vehicle->vehicle_type->name : '' }}
</p>
</div>
<div class="car-details-text">
<img src="{{ asset('assets/front/website/img/fuel.png') }}" alt="...">
<span class="right-details-fuel"> {{ $transporter->vehicle[0]->fuel_type }}
</span>
</div>
<br>
<div class="car-details-text">
<img src="{{ asset('assets/front/website/img/steering-wheel (1).png') }}"
alt="...">
<span
class="right-details-transmission">{{ $transporter->vehicle[0]->transmission_type }}</span>
</div>
<br>
<div class="car-details-text">
<img src="{{ asset('assets/front/website/img/car-seat.png') }}" alt="...">
<span
class="right-details-seating">{{ $transporter->vehicle[0]->seating_capacity }}
seater</span>
</div>
<br>
{{-- <div class="car-details-text">
<img src="{{ asset('assets/front/website/img/transport copy.png') }}"
alt="...">
<span
class="car-details-servicetype">{{ $transporter->vehicle[0]->service_type }}</span>
</div> --}}
<br>
{{-- <div class="car-details-text">
<img src="{{ asset('assets/front/website/img/location-pin.png') }}"
alt="...">
<span class="car-details-city">
{{ optional(optional($transporter->vehicle[0] ?? null)->city)->name ?? '' }}
</span>
</div> --}}
<br>
<div
class="details-button text-start d-flex justify-content-between align-items-center">
<button class="btn style-skew-1 contactdetails" data-id="{{ $vehicle->id }}"
data-transporter-id="{{ isset($vehicle->transporters) ? $vehicle->transporters->id : '' }}">
<span>Contact Now</span>
</button>
</div>
<a href="#" class="openReportModal userInfo_img" data-bs-toggle="modal"
data-bs-target="#userReport">
<img src="{{ asset('assets\front\website\img\userinfo.png') }}"
alt="Reported User" width="30" style="cursor: pointer,margin-top:300px">
</a>
</div>
@endif
</div>
</div>
</div>
</div>
<div class="modal fade" id="userReport" tabindex="-1" aria-labelledby="exampleModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Report a User</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-12">
<!-- Display success message -->
@if (session('report_success'))
<div class="alert alert-success" id="report-success-message" role="alert">
{{ session('report_success') }}
</div>
@endif
<!-- Display validation errors -->
@if ($errors->any())
<div class="alert alert-danger" role="alert">
<ul class="mb-0">
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<form action="{{ route('report.user') }}" method="Post" class="data-form"
id="userRequest" enctype="multipart/form-data">
@csrf
<div class="row g-3">
<div class="col-md-12">
<input type="text" class="form-control form-0" id="name"
name="name" placeholder="Your Name (Optional)">
</div>
<div class="col-md-12">
<input type="text" class="form-control form-0" id="email"
name="email" placeholder="Email Address (Optional)">
</div>
<div class="col-md-12">
<input type="text" class="form-control form-0"
id="transporter_name" name="transporter_name"
placeholder="Transporter Name" required>
</div>
<div class="col-md-12">
<input type="file" class="form-control form-0"
id="reported_user_image" name="reported_user_image"
placeholder="Upload File.." required>
</div>
<div class="col-12">
<textarea class="form-control form-0" id="reason" name="reason" rows="4" placeholder="Reason..."
required></textarea>
</div>
<div class="col-12">
<div class="row">
<div class="submit-grp">
<button type="submit"
class="btn fw-bold w-100 style-skew"><span>
Submit Report
</span></button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endif
@endforeach
<ul class="pagination" id="pagination-links">
</ul>
@else
<div class="not_found">
<h2>
<p>No data Found</p>
</h2>
</div>
@endif
<div class="loader-main" style="display: none;">
<div class="loader">
<img src="favicon.ico" alt="Loading.." style="width: 40px; height: 40px;">
</div>
</div>
<script>
$(document).ready(function() {
$.validator.addMethod("fileSize", function(value, element, param) {
if (element.files.length > 0) {
return element.files[0].size <= param;
}
return true;
}, "The uploaded file should not exceed 1MB.");
$("#userRequest").validate({
rules: {
transporter_name: {
required: true
},
reported_user_image: {
required: true,
extension: "jpg|jpeg|png|pdf|mp4|mov|avi",
fileSize: 1024 * 1024
},
reason: {
required: true
}
},
messages: {
transporter_name: "Please enter the transporter's name",
reported_user_image: {
required: "Please upload an image",
extension: "Allowed file types: jpg, jpeg, png, pdf, mp4, mov, avi",
fileSize: "The uploaded file should not exceed 1MB."
},
reason: "Please provide a reason for the report"
}
});
});
</script>